<div class="trubine" [ngStyle]="{'background-color': statusColor}">
    <div class="trubineIcon" *ngIf="!showMainTurb">
        <div class="left">
            <div class="img" [ngClass]="{img:true,run:isRun}">
            </div>
            <s class="line"></s>
        </div>
        <div class="right">
            <div>
                <span (mouseenter)="onMouseEnter($event)" (mouseleave)="onMouseLeave($event)" *ngIf="currentTurbSub" [ngClass]="currentTurbSub?.operCategoryIcon"
                    [ngStyle]="{color:currentTurbSub?.operCategoryColor}"></span>
            </div>
            <i><i *ngIf="turBenchMark"></i><!-- <i class="fa fa-star" *ngIf="turBenchMark"></i> -->{{turbineName}}</i>


        </div>
    </div>
    <div class="trubineIcon" *ngIf="showMainTurb">
        <div class="left">
            <div class="img2" [ngClass]="{run:isRun}">
            </div>
            <s class="line2"></s>
        </div>
        <div class="right">
            <div>
                <span (mouseenter)="onMouseEnter($event)" (mouseleave)="onMouseLeave($event)" *ngIf="currentTurbSub" [ngClass]="currentTurbSub?.operCategoryIcon"
                    [ngStyle]="{color:currentTurbSub?.operCategoryColor}"></span>
            </div>
            <i><i *ngIf="turBenchMark"></i>{{turbineName}}</i>


        </div>
    </div>
    <div class="mask"></div>
    <div class="Info">
        <p>{{windSpeed | number:'1.1-2'}}m/s</p>
        <p>{{power | number:'1.1-2'}}kW</p>
        
    </div>
    <div *ngIf="isShowCategory">
        <div [ngClass]="{'category':true,default:!triangleBottom,left:!triangleRight,triangleBottom:triangleBottom,triangleRight:triangleRight}"
            *ngIf="isMouseEnter">
            <header class="category-header">
                <span [ngClass]="currentTurbSub?.operCategoryIcon" [ngStyle]="{color:currentTurbSub?.operCategoryColor}"></span>{{currentTurbSub?.operCategoryName}}</header>
            <ul class="category-list">
                <li>
                    <b>操作人:</b>{{currentTurbHist?.userName}}</li>
                <li>
                    <b>系统:</b>{{currentTurbHist?.turbComponentName}}</li>
                <li>
                    <b>开始时间:</b>

                    {{currentTurbHist?.operStartTime |date : "yyyy-MM-dd HH:mm"}}


                </li>
                <li>
                    <b>挂牌说明:</b>

                    <textarea name="" readonly id="" cols="30" rows="2" [value]="currentTurbHist?.operDesc"></textarea>

                </li>
                <li>
                    <b>原因分析:</b>
                    <textarea name="" readonly id="" cols="30" rows="2" [value]="currentTurbHist?.operAnalysis"></textarea>


                </li>
                <li>
                    <b>处理过程:</b>
                    <textarea name="" readonly id="" cols="30" rows="2" [value]="currentTurbHist?.operProcess"></textarea>


                </li>
            </ul>
        </div>

    </div>
</div>